
/* .videoBox{
    position: relative;
} */
html,body{
    width:100%;
    height:100%;
    overflow: auto !important;
}
.turnUp{
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 9;
}
.tuiguang{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    box-sizing: border-box;
    background: #fff;
}
.content{
    width: 100%;
}
.tgBox{
    margin-left: 5%;
    white-space: nowrap;
    text-align: center;
}
.tgBox img{
    width: 2rem;
}
.zhuanqian{
    color: #333;
}
.classBox{
    margin-top: 1rem;
    background-color: #fff;
    padding: .5rem 1rem;
}
.className{
    box-shadow: 0px 2px 10px rgba(204, 204, 204, 0.349019607843137);
    padding: .5rem;
    margin: .5rem 0;
}



.audio_top{
    /*background-color: #4c4c4c;*/
    background-color: rgba(38, 38, 38,0.8);
    text-align: center;
    padding: 2rem 0;
    height:32%;
}
.audioplayer{
    margin:0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    padding:0 !important;
    width:100%;
    border:none !important;


}
.audio_top img{
    /*width: 50%;*/
    max-height:90%;
}
.audio_theme{
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
}
.a_btmBox{
    position: fixed;
    width: 100%;
    bottom: 0;
    display: flex;
    padding: 1rem 0;
    border-top: 1px solid #E4E4E4;
}
.a_logo{
    width: 33%;
    text-align: center;
}
.a_logo img{
    height: 2.2rem;
}
.a_btmName{
    font-size: 1rem;
    color: #333;
}

.className img{
    width:20px;
    position: relative;
    top:5px;
}

